<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的订单 - MAN旗舰店</title>
    <link rel="stylesheet" href="../css/orders.css">
</head>
<body>
    <header class="header">
        <!-- 同首页的头部 -->
    </header>

    <main class="orders-container">
        <div class="profile-sidebar">
            <!-- 同个人资料页的侧边栏 -->
        </div>
        
        <div class="orders-content">
            <h2>我的订单</h2>
            
            <div class="order-tabs">
                <button class="tab-btn active" data-status="all">全部订单</button>
                <button class="tab-btn" data-status="pending">待付款</button>
                <button class="tab-btn" data-status="shipped">待发货</button>
                <button class="tab-btn" data-status="delivered">待收货</button>
                <button class="tab-btn" data-status="completed">已完成</button>
                <button class="tab-btn" data-status="canceled">已取消</button>
            </div>
            
            <div class="orders-list" id="ordersList">
                <!-- 订单将通过JavaScript动态加载 -->
            </div>
        </div>
    </main>

    <footer class="footer">
        <!-- 同首页的页脚 -->
    </footer>

    <script src="../js/utils.js"></script>
    <script src="../js/orders.js"></script>
</body>
</html>